const list = [
  { id: 1, name: 'Vue' },
  { id: 2, name: 'React' },
  { id: 3, name: 'Angular' }
]
function App () {
  return (
    <div className="App">
      {/* 渲染列表 */}
      {/* map 循环哪个结构 return结构 */}
      {/* 注意事项：加上一个独一 无二的key值 */}
      <ul>
        {list.map(item => <li key={item.id}>{item.name} </li>)}
      </ul>
    </div>
  )
}

export default App
